<template>
  <!-- 小卡片--》多次使用，做成通用组件 -->
  <el-card class="box-card">
    <div slot="header" class="clearfix">
      <!-- 具名插槽 -->
      <slot name="title"></slot>

    </div>
    <!-- 具名插槽 -->
    <slot name="content">

    </slot>
  </el-card>
</template>

<script>
//小卡片
export default {};
</script>

<style lang="less" scoped>
.text {
  font-size: 14px;
}

.item {
  margin-bottom: 18px;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}

.box-card {
  width: 100%;
}
</style>